{extend name="/base/base"}
{block name="content"}
    <div class="panel">
        <div class="panel-hand">
            <div class="title">最新发布</div>
            <a href="" class="float-right more">更多</a>
        </div>
        <div class="panel-body">
            <ul>
                <li class="chunk">
                    <h1><a href="">这是标题</a></h1>
                    <p class="content">这是正文这是正文这是正文这是正文这是正文这是正文这是正文这是正文这
                        是正文这是正文这是正文这是正文这是正文这是正文这是正文这是正
                        文这是正文这是正文这是正文这是正文这是正文这是正文这是正文这是正文这是正
                        文这是正文这是正文这是正文
                    </p>
                    <p class="label">
								<span>
									<i class="fa fa-user-o"></i>
									admin
								</span>
                        <span>
									<i class="fa fa-eye"></i>
									12
								</span>
                        <span>
									<i class="fa fa-thumbs-o-up"></i>
									100
								</span>
                        <span>
									<i class="fa fa-comment-o"></i>
									100
								</span>
                        <span>
									<i class="fa fa-clock-o"></i>
									2018-02-06 16：05:00
								</span>
                    </p>
                    <p class="tags">
                        tags:
                        <a href="" class="layui-badge">php</a>
                        <a href="" class="layui-badge layui-bg-orange">函数</a>
                        <a href="" class="layui-badge layui-bg-green">每日总结</a>
                        <a href="" class="layui-badge layui-bg-cyan">php</a>
                    </p>
                </li>
                <li class="chunk">
                    <h1><a href="">这是标题</a></h1>
                    <p class="content">这是正文这是正文这是正文这是正文这是正文这是正文这是正文这是正文这
                        是正文这是正文这是正文这是正文这是正文这是正文这是正文这是正
                        文这是正文这是正文这是正文这是正文这是正文这是正文这是正文这是正文这是正
                        文这是正文这是正文这是正文
                    </p>
                    <p class="label">
								<span>
									<i class="fa fa-user-o"></i>
									admin
								</span>
                        <span>
									<i class="fa fa-eye"></i>
									12
								</span>
                        <span>
									<i class="fa fa-thumbs-o-up"></i>
									100
								</span>
                        <span>
									<i class="fa fa-comment-o"></i>
									100
								</span>
                        <span>
									<i class="fa fa-clock-o"></i>
									2018-02-06 16：05:00
								</span>
                    </p>
                    <p class="tags">
                        tags:
                        <a href="" class="layui-badge">php</a>
                        <a href="" class="layui-badge layui-bg-orange">函数</a>
                        <a href="" class="layui-badge layui-bg-green">每日总结</a>
                        <a href="" class="layui-badge layui-bg-cyan">php</a>
                    </p>
                </li>
            </ul>
        </div>
    </div>
{/block}
{block name="js"}
<script>
    layui.use(['carousel','element'], function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#carousel',
            width: '100%', //设置容器宽度
            arrow: 'always', //始终显示箭头
            anim: 'default', //切换动画方式
            autoplay: true, //是否自动切换
        });
    });
</script>
{/block}